<script type="text/javascript">
    $(document).ready(function(){
        $('#btnenviar').click(function(){
            
            var checkeds = $('input:checked');
            var radios = $(':radio');
            
            if(checkeds.length == (radios.length/5)){
                $.post('/skills/saveskills', {data: $('#form1').serialize(), numId: $('#numId').val(), idCargo: $('#idCargo').val()}, function(resp){
                        if(resp.success != true){
                            alert('Error: ' + resp.msg);
                        }else{
                            $('#spnmsg').text('La calificación fue guardada, presione continuar para seguir con el proceso');
                        }
                });
            }else{
                alert('Debe calificar todos los indicadores');
            }                     
        });
    });
</script>
<?php
$data = $this->data['skills'];
$numId = $this->data['numId'];
$idCargo = $this->data['idCargo'];
$struct = array();
$rowa = '#E8E1F1';
$rowb = '#FFF3F3';
for($i = 0; $i < count($data); $i++){
    $struct[$data[$i]['IDCOMPETENCIA']][$data[$i]['IDINDICADOR']] = $data[$i];
}

//echo '<pre>';
//print_r($struct);
//echo '</pre>';
?>
<form name="form1" method="POST" id="form1" action="">
    <table border="1" cellspacing="0" cellpadding="2">
        <tr>
            <th>Competencia</th>
            <th>Peso</th>
            <th>Indicador</th>
            <th>10</th>
            <th>20</th>
            <th>30</th>
            <th>40</th>
            <th>50</th>
        </tr>
        <?php
            $ant = '';            
            for($i = 0; $i < count($data); $i++){                                
                ?>
        <tr>
            <?php if($ant != $data[$i]['COMPETENCIA']){ ?>
            <td rowspan="<?php echo count($struct[$data[$i]['IDCOMPETENCIA']]) ?>"><?php echo $data[$i]['COMPETENCIA'] ?></td>            
            <td rowspan="<?php echo count($struct[$data[$i]['IDCOMPETENCIA']]) ?>"><nobr><?php echo $data[$i]['PESO'].' %' ?></nobr></td>
            <?php } ?>                        
            <td><?php echo ($data[$i]['INDICADOR'] != '')?$data[$i]['INDICADOR']:'&nbsp;' ?></td>            
            <td><input type="radio" name="<?php echo 'cal_'.$data[$i]['IDCOMPETENCIA'].'_'.$data[$i]['IDINDICADOR'] ?>" value="10" /></td>            
            <td><input type="radio" name="<?php echo 'cal_'.$data[$i]['IDCOMPETENCIA'].'_'.$data[$i]['IDINDICADOR'] ?>" value="20" /></td>            
            <td><input type="radio" name="<?php echo 'cal_'.$data[$i]['IDCOMPETENCIA'].'_'.$data[$i]['IDINDICADOR'] ?>" value="30" /></td>            
            <td><input type="radio" name="<?php echo 'cal_'.$data[$i]['IDCOMPETENCIA'].'_'.$data[$i]['IDINDICADOR'] ?>" value="40" /></td>            
            <td><input type="radio" name="<?php echo 'cal_'.$data[$i]['IDCOMPETENCIA'].'_'.$data[$i]['IDINDICADOR'] ?>" value="50" /></td>                    
        </tr>
        <?php
                $color[$data[$i]['IDCOMPETENCIA']][$data[$i]['IDINDICADOR']] = i;
                $ant = $data[$i]['COMPETENCIA'];                
            }            
        ?>
        <tr>
            <td colspan="8" align="center"><input type="button" name="enviar" id="btnenviar" value="Calificar" /></td>
        </tr>
        <tr>
            <td colspan="8"><span id="spnmsg"></span></td>
        </tr>
    </table>
</form>
    <input type="hidden" name="numId" id="numId" value="<?php echo $numId ?>" />
    <input type="hidden" name="idCargo" id="idCargo" value="<?php echo $idCargo ?>" />